layui.use(['table', 'layer', 'formSelects'], function () {
    var layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        table = layui.table,
        formSelects = layui.formSelects;

    var discountId = $("[name='id']").val();
    //第一个实例
    var table = table.render({
        elem: '#discountData'
        , cellMinWidth: 95
        , url: ctx + '/discount/discountUse?discountId=' + discountId //数据接口
        , page: true //开启分页
        , cols: [[ //表头
            {field: 'discountCode', title: '优惠码'}
            , {field: 'consumerNickname', title: '领取会员'}
            , {
                field: 'getType', title: '领取方式', templet: function (d) {
                    // 调用函数，返回格式化的结果
                    return formatGetTypeResult(d.getType);
                }
            }
            , {field: 'createTime', title: '领取时间', sort: true}
            , {
                field: 'useStatus', title: '当前状态', sort: true, templet: function (d) {
                    // 调用函数，返回格式化的结果
                    return formatUseStatusResult(d.useStatus);
                }
            }
            , {field: 'useTime', title: '使用时间', sort: true}
        ]]
    });


    /**
     * 格式化领取方式
     * @param getType
     * @returns {string}
     */
    function formatGetTypeResult(getType) {
        if (getType == 0) {
            return "<p>后台赠送</p>>";
        } else if (getType == 1) {
            return "<p>主动获取</p>>";
        }
    }


    /**
     * 格式化使用状态
     * @param useStatus
     * @returns {string}
     */
    function formatUseStatusResult(useStatus) {
        if (useStatus == 0) {
            return "<p>未使用</p>>";
        } else if (useStatus == 1) {
            return "<p>已使用</p>>";
        } else if (userStatus == 2) {
            return "<p>已过期</p>>";
        }
    }

    /**
     * 搜索按钮的点击事件
     */
    $(".search_btn").click(function () {
        /**
         * 表格重载
         *  多条件查询
         */
        table.reload({
            // 设置需要传递给后端的参数
            where: { //设定异步数据接口的额外参数，任意设
                // 通过文本框，设置传递的参数
                consumerNickname: $("[name='consumerNickname']").val() // 优惠券名称
                , useStatus: $("[name='useStatus']").val() //优惠券id
            }
            , page: {
                curr: 1 // 重新从第 1 页开始
            }
        });
    });

    /**
     * 优惠券使用状态框
     *
     * 配置远程搜索, 请求头, 请求参数, 请求类型等
     *
     * formSelects.config(ID, Options, isJson);
     *
     * @param ID        xm-select的值
     * @param Options   配置项
     * @param isJson    是否传输json数据, true将添加请求头 Content-Type: application/json; charset=UTF-8
     */
    formSelects.config("selectId", {
        type: "post", // 请求方式
        searchUrl: ctx + "/discount/queryDiscountUseStatus", // 请求地址
        keyName: 'useStatusName',  // 下拉框中的文本内容，要与返回的数据中对应key一致
        keyVal: 'useStatus'
    }, true);


});